<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<title>网页设计网站集锦</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
}
body{
    font-family: SimSun;
}
a{
	font-size:15px;
	color:#706961;
	text-decoration:none;
}
a:hover{
	font-size:15px;
	color:#000;
	text-decoration:underline;
}
a:active{
	font-size:15px;
	color:#4083b2;
	text-decoration:underline;
}
a:visited{
	font-size:15px;
	color:#4083b2;
	text-decoration:none;
}
ul{
	list-style:none;
}
img{
	border:0;
}
#wrapper{
	overflow:hidden;
	zoom:1;
	width:100%;
	background:#414141;
    color: #000;
}
#header{
	font-size:20px;
	width:800px;
	margin:0 auto;
	height:60px;
	line-height:60px;
	color:#fff;
}
#main{
	overflow:hidden;
	zoom:1;
	background:#fefefe;
	color:#999;
	padding-bottom:40px;
}
.one{
	overflow:hidden;
	zoom:1;
	border-bottom:solid 1px #e7e7e7;
}
.note{
	font-size:12px;
	padding-left:20px;
}
h1{
	font-size:22px;
	height:50px;
}
p{
	padding:2px 0;
}
</style>
</head>

<body>
<div id="wrapper">
	<div id="header">WebDesign分享一堆在设计过程中会访问的网站</div>
    <div id="main">
        <div class="one" style="background:#fefefe; width:800px; margin:0 auto; padding:20px 0;">
            <h1>一、搜索灵感</h1>
            <p>1. <a target="_blank" href="http://dribbble.com/">Dribbble</a><span class="note">神一般的存在</span></p>
            <p>2. <a target="_blank" href="http://www.webcreme.com/">Webcreme</a><span class="note">优秀的 960 结构网站集合</span></p>
            <p>3. <a target="_blank" href="http://www.webdesignerdepot.com/">Webdesignerdepot</a><span class="note">Webdesigner Depot</span></p>
            <p>4. <a target="_blank" href="http://webdesignledger.com/">Webdesignledger</a><span class="note">Web Design Ledger</span></p>
            <p>5. <a target="_blank" href="http://www.hongkiat.com/blog/">Hongkiat Blog</a><span class="note">Hongkiat.com</span></p>
            <p>6. <a target="_blank" href="http://designshack.net/">Designshack</a><span class="note">Design Shack</span></p>
            <p>7. <a target="_blank" href="http://webdesign.tutsplus.com/">Webdesign Tutsplus</a><span class="note">Webdesigntuts+</span></p>
            <p>8. <a target="_blank" href="http://www.smashingmagazine.com/">Smashingmagazine</a><span class="note">Smashing Magazine</span></p>
            <p>9. <a target="_blank" href="http://www.noupe.com/">Noupe</a><span class="note">Noupe</span></p>
            <p>10. <a target="_blank" href="http://vandelaydesign.com/blog/">Vandelaydesign Blog</a><span class="note">Vandelay Design</span></p>
            <p>11. <a target="_blank" href="http://sixrevisions.com/">Sixrevisions</a><span class="note">Useful Information for Web Developers</span></p>
            <p>12. <a target="_blank" href="http://www.1stwebdesigner.com/">1stwebdesigner</a><span class="note">1stwebdesigner</span></p>
            <p>13. <a target="_blank" href="http://www.alistapart.com/">Alistapart</a><span class="note">A List Apart Magazine</span></p>
            <p>14. <a target="_blank" href="http://www.sitepoint.com/">Sitepoint</a><span class="note">SitePoint</span></p>
            <p>15. <a target="_blank" href="http://speckyboy.com/">Speckyboy</a><span class="note">Speckyboy</span></p>
            <p>16. <a target="_blank" href="http://designmodo.com/">Designmodo</a><span class="note">DesignModo</span></p>
            <p>17. <a target="_blank" href="http://designm.ag/">Designm.ag</a><span class="note">DesignM.ag</span></p>
            <p>18. <a target="_blank" href="http://naldzgraphics.net/">Naldzgraphics</a><span class="note">Naldz Graphics</span></p>
            <p>19. <a target="_blank" href="http://www.webresourcesdepot.com/">Webresourcesdepot</a><span class="note">Web Resources Depot</span></p>
            <p>20. <a target="_blank" href="http://www.webappers.com/">Webappers</a><span class="note">Best Open Source Resources for Web Developers | WebAppers</span></p>
            <p>21. <a target="_blank" href="https://ishijue.com/">ishijue.com</a><span class="note">视觉中国</span></p>
            <p>22. <a target="_blank" href="http://www.pinterest.com/fromupnorth/web-design/">www.pinterest.com/fromupnorth/web-design</a><span class="note">全球最大的创意灵感图片分享网站</span></p>
            <p>23. <a target="_blank" href="http://www.pinterest.com/fromupnorth/gui/">www.pinterest.com/fromupnorth/gui</a><span class="note">全球最大的创意灵感图片分享网站-GUI版块</span></p>
            <p>24. <a target="_blank" href="http://www.id-mag.com/">Id-mag</a><span class="note">图片创意站</span></p>
            <p>25. <a target="_blank" href="http://hao.uisdc.com/shop/">hao.uisdc.com/shop</a><span class="note">优设电商导航</span></p>
            <p>26. <a target="_blank" href="http://www.awwwards.com/">Awwwards</a><span class="note">上面有一大波认真做网页的设计师！他们不吃植物！</span></p>
            <p>27. <a target="_blank" href="http://www.siteinspire.com/">Site Inspire</a><span class="note">专门为你收集全世界好网站的——好网站</span></p>            
        </div>

        <div class="one" style="background:#fefefe; width:800px; margin:0 auto; padding:20px 0;">
            <h1>二、无线端设计资源与工具</h1>
            <p>1. <a target="_blank" href="http://androidux.com/">Androidux</a><span class="note">你可以汲取灵感的”安卓设计”布局的资源库，可分类浏览</span></p>
            <p>2. <a target="_blank" href="http://www.uxarchive.com/">Uxarchive</a><span class="note">你可以对针对不同的iOS组件设计的用户操作流程进行对比</span></p>
            <p>3. <a target="_blank" href="http://www.lovelyui.com/">Lovelyui</a><span class="note">你可以通过选择不同的设备进行筛选，也可以通过标签分类筛选UI模式</span></p>
            <p>4. <a target="_blank" href="http://www.mobile-patterns.com/">Mobile-patterns</a><span class="note">在Mobile Patterns上你可以选择布局分类，或通过设备进行筛选</span></p>
            <p>5. <a target="_blank" href="http://www.mobilemozaic.com/">Mobilemozaic</a><span class="note">Mobile Mozaic 混合了不同设备上的漂亮的UI布局，但你不能根据操作系统进行浏览</span></p>
            <p>6. <a target="_blank" href="http://patterntap.com/">Patterntap</a><span class="note">在Pattern Tap上，你会找到超过4450种布局设计</span></p>
            <p>7. <a target="_blank" href="http://www.tappgala.com/">Tappgala</a><span class="note">在TappGala上，你可以通过不同领域来筛选应用程序的设计。</span></p>
        </div>
        
        <div class="one" style="background:#fefefe; width:800px; margin:0 auto; padding:20px 0;">
            <h1>三、素材填空</h1>
            <p>1. <a target="_blank" href="http://thenounproject.com/">Thenounproject</a><span class="note">矢量素材</span></p>
            <p>2. <a target="_blank" href="http://www.iconfinder.com/">Iconfinder</a><span class="note">图标和图形下载</span></p>
            <p>3. <a target="_blank" href="http://flaticons.net/">Flaticons</a><span class="note">图标</span></p>
            <p>4. <a target="_blank" href="http://ui-cloud.com/">ui-cloud</a><span class="note">UI素材下载</span></p>
            <p>5. <a target="_blank" href="http://iosicongallery.com/">Iosicongallery</a><span class="note">icongallery</span></p>
            <p>6. <a target="_blank" href="http://wegraphics.net/">Wegraphics</a><span class="note">3000个优质高端的设计资源！ICON+笔刷+字体设计+原型</span></p>
            <p>8. <a target="_blank" href="http://patterns.ava7.com/">patterns.ava7.com</a><span class="note">纹理下载</span></p>
            <p>9. <a target="_blank" href="http://subtlepatterns.com/">Subtlepatterns</a><span class="note">纹理下载（建议从左下角下载 Photoshop 图案文件</span></p>
            <p>10. <a target="_blank" href="http://www.justbenicestudio.com/studio/websymbols/">www.justbenicestudio.com/studio/websymbols</a><span class="note">偷懒神器，图形字符</span></p>
            <p>11. <a target="_blank" href="http://www.entypo.com/">Entypo</a><span class="note">偷懒神器，图形字符</span></p>
            <p>12. <a target="_blank" href="http://www.grafpedia.com/">Grafpedia</a><span class="note">UI界面素材下载</span></p> 
            <p>13. <a target="_blank" href="http://www.premiumpixels.com/">Premiumpixels</a><span class="note">Free PSDs &amp; Resources for Web Designers by Orman Clark</span></p>
            <p>14. <a target="_blank" href="http://freebiesbug.com/">Freebiesbug</a><span class="note">Free PSD, CSS snippets, free fonts &amp; patterns</span></p>
            <p>15. <a target="_blank" href="http://www.flatuicolorpicker.com/">Flatuicolorpicker</a><span class="note">色块</span></p>
            <p>16. <a target="_blank" href="http://beautifultype.net/">Beautiful Type</a><span class="note">字体爱好者走过路过不可错过过这村没这店的好站一个</span></p>
        </div>
        <div class="one" style="background:#fefefe; width:800px; margin:0 auto; padding:20px 0;">
            <p><span class="note" style="padding-left:0;">版本号 202505121617</span></p>
        </div>
	</div>
</div>
</body>
</html>
